const Chain = (props: any) => {
    return (
        <svg
            xmlns="http://www.w3.org/2000/svg"
            fill="#000"
            version="1.1"
            viewBox="-7.5 0 24 24"
            className="w-5 h-5 absolute top-2/4 -translate-y-2/4 right-[4.8rem]"
        >
            <g
                fill="#adadad"
                fillOpacity="1"
                stroke="none"
                strokeDasharray="none"
                strokeDashoffset="3.2"
                strokeLinecap="square"
                strokeLinejoin="round"
                strokeMiterlimit="4"
                strokeOpacity="0.551"
                strokeWidth="4"
            >
                <path
                    d="M3 3c-1.108 0-2 .892-2 2v4c0 1.108.892 2 2 2h3c1.108 0 2-.892 2-2V5c0-1.108-.892-2-2-2zm0 1h3c.554 0 1 .446 1 1v4c0 .554-.446 1-1 1H3c-.554 0-1-.446-1-1V5c0-.554.446-1 1-1z"
                    opacity="1"
                    vectorEffect="none"
                ></path>
                <path
                    d="M3 13c-1.108 0-2 .892-2 2v4c0 1.108.892 2 2 2h3c1.108 0 2-.892 2-2v-4c0-1.108-.892-2-2-2zm0 1h3c.554 0 1 .446 1 1v4c0 .554-.446 1-1 1H3c-.554 0-1-.446-1-1v-4c0-.554.446-1 1-1z"
                    opacity="1"
                    vectorEffect="none"
                ></path>
                <path
                    d="M4.5 8c-.554 0-1 .446-1 1v3h2V9c0-.554-.446-1-1-1z"
                    opacity="1"
                    vectorEffect="none"
                ></path>
                <path
                    d="M3.5 12v3c0 .554.446 1 1 1s1-.446 1-1v-3z"
                    opacity="1"
                    vectorEffect="none"
                ></path>
            </g>
        </svg>
    );
};


const BrokenChain = (props: any) => {
    return (
        <svg
            xmlns="http://www.w3.org/2000/svg"
            fill="#000"
            version="1.1"
            viewBox="-7.5 0 24 24"
            className="w-5 h-5 absolute top-2/4 -translate-y-2/4 right-[5.8rem]"
        >
            <g
                fill="#adadad"
                fillOpacity="1"
                stroke="none"
                strokeDasharray="none"
                strokeDashoffset="3.2"
                strokeLinecap="square"
                strokeLinejoin="round"
                strokeMiterlimit="4"
                strokeOpacity="0.551"
                strokeWidth="4"
            >
                <path
                    d="M3 0C1.892 0 1 .892 1 2v4c0 1.108.892 2 2 2h3c1.108 0 2-.892 2-2V2c0-1.108-.892-2-2-2zm0 1h3c.554 0 1 .446 1 1v4c0 .554-.446 1-1 1H3c-.554 0-1-.446-1-1V2c0-.554.446-1 1-1z"
                    opacity="1"
                    vectorEffect="none"
                ></path>
                <path
                    d="M3 16c-1.108 0-2 .892-2 2v4c0 1.108.892 2 2 2h3c1.108 0 2-.892 2-2v-4c0-1.108-.892-2-2-2zm0 1h3c.554 0 1 .446 1 1v4c0 .554-.446 1-1 1H3c-.554 0-1-.446-1-1v-4c0-.554.446-1 1-1z"
                    opacity="1"
                    vectorEffect="none"
                ></path>
                <path
                    d="M4.5 5c-.554 0-1 .446-1 1v3h2V6c0-.554-.446-1-1-1z"
                    opacity="1"
                    vectorEffect="none"
                ></path>
                <path
                    d="M3.5 15v3c0 .554.446 1 1 1s1-.446 1-1v-3z"
                    opacity="1"
                    vectorEffect="none"
                ></path>
            </g>
        </svg>
    );
};


export { Chain, BrokenChain };